<template>
  <div>
    <!-- 顶部 -->
    <Top></Top>

    <!-- 导航栏 -->
    <Header></Header>

    <!-- 主内容 -->
    <Main></Main>

    <!-- 底部 -->
    <Foot></Foot>
  </div>
</template>


<script>
//导入子组件
import Top from './commons/top.vue'
import Header from './commons/header.vue'
import Main from './commons/main.vue'
import Foot from './commons/foot.vue'

export default{
  data(){

  },
  //注册组件
  components:{
    Top,Header,Main,Foot
  }
 
}
</script>

<style scoped>

</style>